@charset "utf-8";

/* CSS Document */

*{margin: 0;padding: 0;}

body{font-size:14px;-webkit-touch-callout: none;   -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}

a{color:#666; text-decoration:none; outline:none;}

img{border:0px; vertical-align:middle;}

a:link {text-decoration: none; outline:none;}

a:visited{text-decoration: none; outline:none;}

a:hover{text-decoration:none; color:#055cab; outline:none;}

li{list-style-position:outside; list-style-type:none;}

em,i{font-style: normal;}

.fl{float:left;}

.fr{float:right;}


.cont{width: 1400px;margin: 0 auto;}

.cont-b{width: 1440px;margin: 0 auto;}

.pc-css,.block{display: block;}

.m-css,.none{display: none;}

/*footer*/

footer{background: #2f2f2f;overflow: hidden;padding-top: 85px;}

.foo-navbox{width: 70%;float: left;}

.foo-nav dl{float: left;margin-right: 5%;}

.foo-nav dl:nth-last-of-type(1){margin-right: 0;}

.foo-nav dt{margin-bottom: 33px;}

.foo-nav dt a{font-size: 16px;color: #fff;}

.foo-nav dd a{color: #888888;line-height: 30px;}

.foo-nav dd a:hover,.foo-navbox p>span a:hover,.foo-navbox font a:hover{color: #e61c52;}

.foo-navbox p{margin-top: 55px;line-height: 34px;}

.foo-navbox p>span,.foo-navbox font{display: block;font-size: 12px;}

.foo-navbox p>span a{padding-right: 25px;color: #888888;}

.foo-navbox font{color: #888888;}

.foo-navbox font a{color: #888888;padding-left: 10px;}

.foo-boxfr{width: 225px;float: right;}

.QR-code{display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 48px;color: #888888;float: right;}








/**/
.pc-banner .swiper-pagination-bullet{background: #fff !important;opacity: 1 !important;}

.pc-banner .swiper-container-horizontal > .swiper-pagination-bullets,.pc-banner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px !important;}

.pc-banner .swiper-pagination-bullet-active{width: 26px !important;background: #e61c52 !important;border-radius: 4px;}

.m-banner .swiper-pagination-bullet{background: #fff !important;opacity: 1 !important;}

.m-banner .swiper-pagination-bullet-active{width: 26px !important;background: #e61c52 !important;border-radius: 4px;}


.pc-banner .swiper-slide a{display: block;position: relative;width: 100%;/*height: 100%;*/}

.pc-banner .font-box{position: absolute;width: 100%;top: 220px;text-align: center;}

.pc-banner .font-box img{}

.pc-banner .font-box h1{font-size: 100px;color: #716f69;opacity:.15;text-transform: uppercase;}

.pc-banner .font-box h3{font-size: 40px;color: #706e69;}

.pc-banner .font-box p{color: #716f69;width: 645px;margin: 0 auto;opacity: .4;line-height: 24px;margin-top: 20px;}

.pc-banner .font-box2{position: absolute;width: 1400px;top: 280px;left: 50%;margin-left: -700px;}

.pc-banner .font-box2 img{}

.pc-banner .font-box2 h1{font-size: 100px;color: #716f69;opacity:.15;text-transform: uppercase;}

.pc-banner .font-box2 h3{font-size: 40px;color: #706e69;}

.pc-banner .font-box2 p{color: #716f69;width: 470px;opacity: .4;line-height: 24px;margin-top: 20px;}

.pc-banner .font-box2 em{width: 25px;height: 2px;background: #706e69;display: block;margin: 6px 0px 10px;}
/**/
@media screen and ( max-width:1004px ){

    header{ position:fixed;}

	.ban{ margin-top:55px;}

	.cont{width: 95%;}

	.cont-b,.cont1200{width: 100%;}

	.pc-css{display: none;}

	.m-css{display: block;}

	.head-box{height: auto;}

	.base-head{display: flex;align-items: center;padding: 2.5% 0;justify-content: space-between;}

	.base-head i{height: auto;width: 28%;}

	.trigger{display: block;}

}